* { font-family: Helvetica, "Microsoft YaHei"; }

/****************************************************************************************************/
.one-result { width: 10rem; }

.one-result { padding-top: 0.4rem; }

.one-result h1 { font-size: 0.5333333333rem; color: #00CA37; text-align: center; }

.one-result h2 { text-align: center; font-size: 0.4533333333rem; font-weight: normal; color: #333; }

.one-result h3 { text-align: center; font-size: 0.4rem; font-weight: normal; color: #FF6868; margin-top: 0.16rem; }

.one-result h4 { text-align: left; padding-left: 0.4rem; font-size: 0.3733333333rem; font-weight: normal; color: #333; margin-bottom: 0.24rem; margin-top: 0.2666666667rem; }

.one-result .result-button { width: 6.6666666667rem; margin: 0 auto 0.4rem; }

.one-result .result-button:after { content: ''; display: block; clear: both; }

.one-result .result-button a { display: block; width: 2.6666666667rem; height: 1rem; line-height: 1rem; border: 1px solid #00CA37; color: #00CA37; border-radius: 0.1066666667rem; text-align: center; font-size: 0.3733333333rem; box-sizing: border-box; }

.one-result .result-button .result-look { float: left; color: #fff; background: #00CA37; }

.one-result .result-button .result-share { float: right; }

.one-result .result-rule h4 { font-size: 0.3466666667rem; margin: 0.0666666667rem 0; }

.one-result .result-rule p { font-size: 0.41rem; color: #666; line-height: 0.5066666667rem; padding: 0 0.4rem 0 0.6rem; }

.one-result .result-rule p:nth-child(2) { margin-top: 0.0666666667rem; }

.one-result h5 { font-size: 0.3466666667rem; font-weight: normal; color: #333; padding-left: 0.4rem; display: inline-block; vertical-align: middle; }

.one-result .result-back { display: inline-block; width: 3.2rem; margin-left: 0.4rem; color: #00CA37; border-radius: 0.1066666667rem; border: 1px solid #00CA37; line-height: 0.8666666667rem; vertical-align: middle; font-size: 0.3466666667rem; text-align: center; }

.one-result .share-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); display: none; }

.one-result .share-modal i { display: block; width: 100%; height: 100%; background: transparent url('../image/share.png') 0 0 no-repeat; background-size: cover; }

.one-result .share-modal.active { display: block; }

a:hover { text-decoration: none; }
